.middle {
    /*border: 1px solid red;*/
}

.middle > div {
    border: 1px solid gray;
}

/*上下绿色部分*/
.middle > div > div {
    /*border: 1px solid green;*/
}

/*上班的绿色*/
.middle > div > div:nth-child(1) {
    display: flex;
    justify-content: space-between;
}

/*黄色分为标题和新闻栏目*/
.middle > div > div:nth-child(1) > div {
    /*border: 1px solid yellow;*/
}

/*右边黄色，新闻栏目*/
.middle > div > div:nth-child(1) > div:nth-child(2) {
    display: flex;
    align-items: center;
}

/*设置好上下居中后，需要设置里面的div的内边距*/
.middle > div > div:nth-child(1) > div:nth-child(2) > div {
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
}

/*对新闻栏目要设置鼠标移上去事件，用hover*/
.middle > div > div:nth-child(1) > div:nth-child(2) > div:hover {
    background-color: rgb(230, 145, 55);
    color: white;
}
